
<ion-header>
  <ion-navbar>
    <ion-title style='text-align:center'>Alphair智能空气管家</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <button ion-button (click)="udp_create()">UDP建立</button>
  <button ion-button round (click)="presentToast()">调用BEEP</button>
  <button ion-button icon-left (click)="udp_send()">
    <ion-icon name="home"></ion-icon>
    udp 测试
  </button>

  <!-- Bind the color and outline inputs to an expression -->
<button ion-button [color]="isDanger ? 'danger' : 'primary'" [outline]="isOutline">
  Danger (Solid)
</button>

<!-- Bind the color and round inputs to an expression -->
<button ion-button [color]="myColor" [round]="isRound" (click)="httpTestReq()">
  htt请测试
</button>

<!-- Bind the color and clear inputs to an expression -->
<button ion-button [color]="isSecondary ? 'secondary' : 'primary'"  [clear]="isClear">
  Primary (Clear)
</button>

<!-- Bind the color, outline and round inputs to an expression -->
<button ion-button [color]="myColor2" [outline]="isOutline" [round]="isRound">
  Dark (Solid + Round)
</button>


  <ion-card>
      <ion-card-content>
          <button ion-button round (click)="takePicture()">调用摄像头</button>
          <img [src]="base64Image" *ngIf="base64Image" />
        </ion-card-content>
    <ion-card-header>
      Explore Nearby
    </ion-card-header>

    <ion-list>
      <button ion-item>
        <ion-icon name="cart" item-start></ion-icon>
        {{listData}}
      </button>

      <button ion-item>
        <ion-icon name="medical" item-start></ion-icon>
        Hospital
      </button>

      <button ion-item>
        <ion-icon name="cafe" item-start></ion-icon>
        Cafe
      </button>

      <button ion-item>
        <ion-icon name="paw" item-start></ion-icon>
        Dog Park
      </button>

      <button ion-item>
        <ion-icon name="beer" item-start></ion-icon>
        Pub
      </button>

      <button ion-item>
        <ion-icon name="planet" item-start></ion-icon>
        Space
      </button>

    </ion-list>
  </ion-card>
</ion-content>
